<style>
    .tree-folder{
        clear: both;
        background: none;
    }
    .tree-folder-open{
        clear: both;
        background: none;
    }
    .tree-file{
        clear: both;
        background: none;
    }
    .fa-folder {
        margin-top: 3px;
    }
    .fa-file-text{
        margin-top: 3px;
    }

    .progressbar-value .progressbar-text {
        background-color: #428bca;
        color: #FFFFFF;
    }
</style>
<script>
    var productTypes = {{ productTypes |json_encode }};
</script>
<table style="width: 100%;height: 100%">
    <tbody>
    {% if NavUl is defined %}
        <tr style="height: 67px">
            <td valign="top">{{ NavUl }}</td>
        </tr>
    {% endif %}
        <td id="depTree">
            <div id="proList_toolbar" class="xh-datagrid-toolbar" style="line-height:20px;padding:5px 0 5px 10px;">
                <select id ='productTypes' style = 'width:80px;'>
                    <option value = 0 >选择对象</option>
                    {% for key ,value in productTypes %}
                        <option value = '{{key}}'>{{value}}</option>
                    {% endfor %}
                </select>
                <select id ='bArchived' style = 'width:100px;'>
                    <option value="">归档状态</option>
                    {% for key ,value in bArchived %}
                        <option value = '{{key}}'>{{value}}</option>
                    {% endfor %}
                </select>
                <input type ='text' id='productName'/>
                <a id = 'bt_list_search'  class="easyui-linkbutton" plain="true" > <i class="fa fa-search" style="color:#2baab1;"></i> 查询</a>
                <div class="datagrid-toolbar" style="margin:3px 0 5px -10px;width:110%;"></div>
                <div class="toolbar">
                    {% if productAdd %}
                        <a  id="bt_list_add"  plain="true"><i class="fa fa-plus fa-lg fa-fw" style="color:#2baab1;"></i>新增</a>
                    {% endif %}
                    {% if productEdit %}
                        <a id="bt_list_edit"  plain="true"><i class="fa fa-pencil fa-lg fa-fw" style="color:#2baab1;"></i>编辑</a>
                    {% endif %}
                    {% if productDel %}
                        <a id="bt_list_delete"  plain="true"><i class="fa fa-remove fa-lg fa-fw" style="color:#2baab1;"></i>删除</a>
                    {% endif %}
                    {% if productArchive %}
                        <a id="bt_list_archive" plain="true"><i class="fa fa-archive fa-lg fa-fw" style="color:#2baab1;"></i>归档</a>
                    {% endif %}
                    {% if testCase %}
                        <a id="testCase"  plain="true"><i class="fa fa-arrow-circle-o-right fa-lg fa-fw" style="color:#2baab1;"></i>测试用例</a>
                    {% endif %}
                </div>

            </div>
            <table id="productList" title="产品列表"  style="height: 100%" toolbar="#proList_toolbar">
            </table>
        </td>
    </tr>
    </tbody>
</table>